
.readycourse {
  height: 100%;
  padding: 0 .4rem;
  .readycourse_header {
    height:1.19rem;
    padding: 0 .4rem;
    position: relative;
    img {
      position: absolute;
      left:0 .4rem; 
      top: 50%;
      transform: translateY(-50%);
    }
    p {
      font-size: .426667rem;
      color: #111111;
      font-weight: 900;
      line-height: 1.19rem;
      text-align: center;
    }
  }
  .readycourse_xinxi {
    // height: 3.333333rem;
    // background-color: green;
    padding-left: .266667rem;
    margin-bottom: .266667rem;
    border: .013333rem solid #ccc;
    position: relative;
    &_desc {
      height: 3.333333rem;
      // background-color: green;
      // border: .013333rem solid #ccc;
      overflow: hidden;
      padding-left: .266667rem;
      &_p1 {
        font-size: .4rem;
        font-weight: 700;
        margin: .4rem 0;
        color: #feffff;
      }
      &_p2 {
        font-size: .293333rem;
        color: #b1b1b1;
        margin: .213333rem 0;
      }
      &_p3 {
        font-size: .293333rem;
        color: #b1b1b1;
        margin: .213333rem 0;
      }
      // 设置下面老师的样式
      .readycourse_teaching_message {
        // display: none; 带时候设置样式的时候可以
        // margin-left: .266667rem;
        img {
          float: left;
          width: .533333rem;
          height: .533333rem;
          display: inline-block;
          margin-right: .2rem;
          vertical-align: middle;
        }
        &_name {
        float: left;
        height: .533333rem;
        display: inline-block;
        }
      }
      // 设置两个背景图的样式
      .readycourse_img1 {
        position: absolute;
        left: .266667rem;
        top: 0;
        z-index: -1;
      }
      .readycourse_img2 {
        position: absolute;
        bottom: 0;
        right: 0;
      }
    } 
  }
  .readycourse_content {
    .readycourse_th {
      width: 100%;
      height: 1.2rem;
      background-color:#29c4cc;
      display: flex;
      li {
        text-align: center;
        line-height: 1.2rem;
        flex: 1;
        font-size: .4rem;
        color: #ffffff;
        font-weight: 500;
      }
    }
    .readycourse_list {
      list-style: none;
      overflow: auto;  // 给list列表设置滚动条设置
      width: 100%;
      &_li {
        width: 100%;
        height: .906667rem;
        display: flex;
        &:nth-child(2n-1){ //设置奇数行的背景色
          background-color: #e9f8f9;
        }
        span {
          flex: 1;
          text-align: center;
          line-height: .906667rem;
          font-size: .293333rem;
          color: #333333;
          i {
            display: inline-block;
            width: 1.6rem;
            height: .56rem;
            float:right;
            background-color: green;
            margin-top: .16rem;
            text-align: center;
            line-height: .56rem;
            border-radius: .066667rem;
            background-color: #c5d1d1;
          }
        }
      }
    }
  }
}